<frameset rows="100,*,80" frameborder="0" border="0" framespacing="0">
  <frame name="topNav" src="top_nav.html">
<frameset cols="200,*,200" frameborder="0" border="0" framespacing="0">
	<frame name="menu" src="menu_1.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
	<frame name="content" src="content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
	<frame name="related" src="related.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
</frameset>

  <frame name="footer" src="footer.html">

<noframes>
<p>This section (everything between the 'noframes' tags) will only be displayed if the users' browser doesn't support frames. You can provide a link to a non-frames version of the website here. Feel free to use HTML tags within this section.</p>
</noframes>

</frameset>
</html>
<html>
<head>
<title>HTML Frames Example - Top Nav</title>
<style type="text/css">
body {
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	margin:10px;
	background-color:#a08029;
	}
</style>
</head>
<body>
<h3>Top Navbar</h3>
<p><a href="menu_1.html" target="menu">Menu 1</a> | <a href="menu_2.html" target="menu">Menu 2</a></p>
</body>
</html>
<html>
<head>
<title>HTML Frames Example - Menu 1</title>
<style type="text/css">
body {
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	margin:10px;
	background-color:#ff9900;
	}
</style>
</head>
<body>
<h3>Menu 1</h3>
<p><a href="white.html" target="content">White Page</a></p>

<h4>More Examples:</h4>
<a href="http://www.quackit.com/html/templates/frames/frames_example_1.html" target="_top">Example 1</a><br />
<a href="http://www.quackit.com/html/templates/frames/frames_example_2.html" target="_top">Example 2</a><br />
<a href="http://www.quackit.com/html/templates/frames/frames_example_3.html" target="_top">Example 3</a><br />
<a href="http://www.quackit.com/html/templates/frames/frames_example_4.html" target="_top">Example 4</a><br />
<a href="http://www.quackit.com/html/templates/frames/frames_example_5.html" target="_top">Example 5</a><br />
</body>
</html>
<html>
<head>
<title>HTML Frames Example - Menu 2</title>
<style type="text/css">
body {
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	margin:10px;
	background-color:#ff6600;
	}
</style>
</head>
<body>
<h3>Menu 2</h3>
<p><a href="green.html" target="content">Green Page</a></p>
</body>
</html>
<html>
<head>
<title>HTML Frames Example - Content</title>
<style type="text/css">
body {
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	margin:30px;
	background-color:#ffcc00;
	}
</style>
</head>
<body>
<h1>Content</h1>
<h2>Replacing the Contents of the Current Frame</h2>
<p>Clicking on these links will open the new page within the current frame.</p>
<ul>
	<li><a href="white.html" target="content">Load white page</a></li>
	<li><a href="green.html" target="content">Load green page</a></li>
</ul>

<h2>Replacing the Whole Frameset</h2>
<p>When you click on any of the following links, the whole frameset is replaced with the new website. This is because we're using <code>target="_top"</code> in the anchor links.</p>
<ul>
	<li><a href="http://www.quackit.com" target="_top">Quackit</a></li>
	<li><a href="http://www.quackit.com/html/templates/frames/" target="_top">HTML Frames Templates</a></li>
	<li>Learn more about frames with the <a href="http://www.quackit.com/html/tutorial/html_frames.cfm" target="_top">frames tutorial</a><//li>
</ul>

<h2>Open a New Window</h2>
<p>These links open in a new browser window. This is because we use <code>target="_blank"</code>.</p>
<ul>
	<li><a href="http://www.code-generator.net" target="_blank">Code Generator</a></li>
	<li><a href="http://www.zappyhost.com" target="_blank">ZappyHost</a></li>
	<li><a href="http://www.natural-environment.com" target="_blank">Natural Environment</a></li>
	<li><a href="http://www.great-workout.com" target="_blank">Great Workout</a></li>
</ul>

</body>
</html>
<html>
<head>
<title>HTML Frames Example - Related</title>
<style type="text/css">
body {
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	margin:10px;
	background-color:#644f2d;
	color:white;
	}
a {
	color:white;
	}
</style>
</head>
<body>
<h3>Related</h3>
<p>
<a href="http://www.quackit.com" target="_top">Quackit</a><br />
<a href="http://www.code-generator.net" target="_top">Code Generator</a><br />
<a href="http://www.zappyhost.com" target="_top">ZappyHost</a><br />
<a href="http://www.natural-environment.com" target="_top">Natural Environment</a><br />
<a href="http://www.great-workout.com" target="_top">Great Workout</a>
</p>
</body>
</html>
<html>
<head>
<title>HTML Frames Example - Footer</title>
<style type="text/css">
body {
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	margin:10px;
	background-color:black;
	color:white;
	}
a {
	color:white;
	}
</style>
</head>
<body>
<h3>Footer</h3>
<p><a href="white.html" target="content">White Page</a> | <a href="green.html" target="content">Green Page</a></p>
</body>
</html>
